<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp" %>
<script>
    $(function () {
        var organizationTreeGrid;
        obj = {
            editRow : undefined,
            search : function () {

            },
            add : function () {
                $('#save,#redo').show();
                /*
                 //当前页行结尾添加
                 $('#box').datagrid('appendRow', {
                 user : 'bnbbs',
                 email : 'bnbbs@163.com',
                 date : '2014-11-11',
                 });
                 */

                if (this.editRow == undefined) {
                    //添加一行
                    $('#box').treegrid('insertRow', {
                        index : 0,
                        row : {
                            /*
                             user : 'bnbbs',
                             email : 'bnbbs@163.com',
                             date : '2014-11-11',
                             */
                        },
                    });

                    //将第一行设置为可编辑状态
                    $('#box').treegrid('beginEdit', 0);

                    this.editRow = 0;
                }
            },
            save : function () {
                //这两句不应该放这里，应该是保存成功后，再执行
                //$('#save,#redo').hide();
                //this.editRow = false;
                //将第一行设置为结束编辑状态
                $('#box').treegrid('endEdit', this.editRow);
            },
            redo : function () {
                $('#save,#redo').hide();
                this.editRow = undefined;
                $('#box').treegrid('rejectChanges');
            },
            edit : function () {
                var rows = organizationTreeGrid.treegrid('getSelected');


                        parent.$.modalDialog({
                            title : '编辑',
                            width : 500,
                            height : 300,
                            href : '${path }/org/editOrg?id=' + rows.id,
                            buttons : [ {
                                text : '编辑',
                                handler : function() {
                                    parent.$.modalDialog.openner_treeGrid = organizationTreeGrid;//因为添加成功之后，需要刷新这个treeGrid，所以先预定义好
                                    var f = parent.$.modalDialog.handler.find('#organizationEditForm');
                                    f.submit();
                                }
                            } ]
                        });

            },
            remove : function () {
                var rows = $('#box').treegrid('getSelections');

                if (rows.length > 0) {
                    $.messager.confirm('确定操作', '您正在要删除所选的记录吗？', function (flag) {
                        if (flag) {
                            var ids = [];
                            for (var i = 0; i < rows.length; i ++) {
                                ids.push(rows[i].id);
                            }
                          console.log(ids.join(','));
                            $.ajax({
                                type : 'POST',
                                url : '##',
                                data : {
                                    ids : ids.join(','),
                                },
                                beforeSend : function () {
                                    $('#box').treegrid('loading');
                                },
                                success : function (data) {
                                    if (data) {
                                        $('#box').treegrid('loaded');
                                        $('#box').treegrid('load');
                                        $('#box').treegrid('unselectAll');
                                        $.messager.show({
                                            title : '提示',
                                            msg : data + '个用户被删除成功！',
                                        });
                                    }
                                },
                            });
                        }
                    });
                } else {
                    $.messager.alert('提示', '请选择要删除的记录！', 'info');
                }
            },
        };

        organizationTreeGrid= $('#box').treegrid({
            url : '${path }/org/treeGrid',
            idField : 'id',
            treeField : 'name',
            fit : true,
            fitColumns : false,
            striped:true,
            rownumbers:true,
            border : true,
            toolbar : '#tb',
            pagination : true,
            pageSize : 10,
            pageList : [10, 20, 30],
            pageNumber : 1,
            frozenColumns : [ [ {
                title : 'id',
                field : 'id',
                width : 40,
                hidden : true
            } ] ],
            columns : [ [ {
                field : 'name',
                title : '部门名称',
                width : 180
            }, {
                field : 'typename',
                title : '类型名称',
                width : 40
            }, {
                field : 'ordernum',
                title : '排序',
                width : 120
            },  {
                width : '130',
                title : '地址',
                field : 'address'
            },{
                field : 'pid',
                title : '上级资源ID',
                width : 150,
                hidden : true
            }, {
                field : 'phoneno',
                title : '电话号码',
                width : 120
            } ] ],
            onBeforeExpand : function(row) {
                // 此处就是异步加载地所在
                if (row) {
                    $(this).treegrid('options').url = '${path }/org/getchildlist?id=' + row.id;
                }
                return true;
            },
            onLoadSuccess:function(data){

            },

        });

    });



</script>
<table id="box"></table>

<div id="tb" style="padding:5px;">
    <div style="margin-bottom:5px;">
            <shiro:hasPermission name="+org+8">
                    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="obj.add();">添加</a>
            </shiro:hasPermission>
        <shiro:hasPermission name="+org+2">
        <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="obj.edit();">修改</a>
        </shiro:hasPermission>
        <shiro:hasPermission name="+org+4">
        <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="obj.remove();">删除</a>
        </shiro:hasPermission>
        <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" style="display:none;" id="save" onclick="obj.save();">保存</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-redo" plain="true" style="display:none;" id="redo" onclick="obj.redo();">取消编辑</a>
    </div>
    <div style="padding:0 0 0 7px;color:#333;">
        查询帐号：<input type="text" class="textbox" name="user" style="width:110px">
        创建时间从：<input type="text" name="date_from" class="easyui-datebox" style="width:110px">
        到：<input type="text" name="date_to" class="easyui-datebox" style="width:110px">
        <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="obj.search();">查询</a>
    </div>
</div>
